
<template>

    <div>
        <h2>显示权限</h2>
        <el-table :data="tableData" style="width: 50%">
            <el-table-column fixed type="index" label="序号" />
            <el-table-column prop="roleName" label="权限名称" />
            
        </el-table>
   
    </div>
</template>

<script setup lang="ts">

import moment from "moment";
import {  onMounted, reactive, ref } from "vue";

import axios from "axios";
const tableData = ref([])
const formSize = ref('default')
const ruleFormRef = ref()

onMounted(() => {
    show();
})
const show = () => {
    axios({
        url: "http://localhost:5056/api/Role/GetRole",
        method: 'get'
    })
        .then((res) => {
            tableData.value = res.data.data
        })
}








</script>

<style scoped></style>